<div class="site-progress">
    <div class="progress progress-striped active">
        <div class="bar" style="width: 25%;"></div>
    </div>
</div>
<div class="site-help">
    <ul>
        <li>1.添加域名<span class="label label-success">已完成</span></li>
        <li>2.设置源站IP<span class="label label-warning">未完成</span></li>
        <li>3.选择加速套餐<span class="label label-warning">未完成</span></li>
        <li>4.解析CNAME<span class="label label-warning">未完成</span></li>
    </ul>
</div>
<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>添加网站</th>
            <th>*</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>网站名称</td>
            <td><input type="text" id="site_name" placeholder="网站名称"></td>
            <td>*</td>
        </tr>
        <tr>
            <td>网站域名</td>
            <td><h4>{{domain}}</h4></td>
            <td>*</td>
        </tr>
        <tr>
            <td>源站IP</td>
            <td><input type="text" id="host" value="{{host}}"></td>
            <td>*</td>
        </tr>
        <tr>
            <td>加速套餐</td>
            <td>
                <select id="levels">
                    {% for level in levels %}
                    <option value="{{level.id}}">{{level.name}}</option>
                    {% endfor %}
                </select>
            </td>
            <td>*</td>
        </tr>
        <tr>
            <td>#</td>
            <td>
                <input type="hidden" id="domain" value="{{domain}}">
                <button type="button" class="btn" onclick="site_step()">添加站点</button>
            </td>
            <td>*</td>
        </tr>
    </tbody>
</table>
